<template>
	<view class="flex-col page">
		<view class="flex-col">
			<view class="flex-col group">
				<view class="flex-col justify-start relative group_2">


					<view class="section"></view>
					<view class="flex-col section_2 pos_2">
						<view class="flex-row">
							<text class="font_2">搬家时间</text>
							<text class="ml-16 font_3 text_4">
								<!-- 03月04日（周五）22:09 -->
								<!-- {{datadetail.create_date}} -->

								{{datadetail.moving_date}}

								星期{{datadetail.moving_week}}

							</text>
						</view>
						<view class="flex-row mt-22-5">
							<text class="font_2 text_5">服务类型</text>
							<text class="font_3 text_6 ml-15-5">

								<!-- 放心搬家 厢货 -->
								<!-- 		{{ datadetail.moving_type == 1 ? '普通搬家' : (datadetail.moving_type == 2 ? '日式搬家' : '企业搬家') }} -->

								{{datadetail.moving_type_mes}} {{datadetail.select_type_mes}}
								<!-- {{datadetail.car_type}} -->


							</text>



						</view>
					</view>
					<view class="flex-col section_3 pos_3">
						<text class="self-start font_4">基本信息</text>
						<view class="flex-col self-stretch group_5">
							<view class="flex-row items-center self-stretch">
								<text class="font_2 text_7">搬出地址</text>
								<text class="font_5 ml-16-5" v-if="datadetail.out_address">
									{{datadetail.out_address.position.name }} {{datadetail.out_address.floor }}

								</text>
							</view>
							<text class="self-start font_5 text_8 mt-2-5"> </text>
						</view>


						<text class="self-center font_6 text_9" v-if="datadetail.out_address">
							{{datadetail.out_address.position.address}} </text>
						<view class="flex-col self-stretch group_6" v-for="(item,index) in datadetail.in_address"
							:key="index">
							<view class="flex-row items-center self-stretch">
								<text class="font_2 text_10">搬入地址</text>
								<text class="font_5 ml-16-5"> {{item.position.name}} {{item.floor}}
								</text>
							</view>
							<!-- <text class="self-start font_5 text_11 mt-2-5">  </text> -->
							<text class="self-center font_6 text_12">{{item.position.address}} </text>
						</view>
					</view>



					<view class="flex-col group_7">
						<view class="flex-col section_4">
							<view class="flex-row items-center">
								<text class="font_4 text_13">费用明细</text>
								<view class="ml-2 flex-col justify-start text-wrapper_1">
									<text class="font_7 text_1">按价格单收费</text>
								</view>
								<view class="ml-2 flex-col justify-start text-wrapper_1">
									<text class="font_7 text_14">乱收费2倍赔</text>
								</view>
							</view>
							<view class="flex-row justify-between items-baseline mt-20-5">
								<text class="font_2 text_15">起步价 (10公里+2人全程搬运）</text>
								<text class="font_8 text_16">{{formatToMoney(Startingpick)}}元</text>

							</view>


							<!-- 	<view class="flex-row justify-between items-baseline mt-20-5">
								<text class="font_2 text_15"> 楼层费用 </text>
								<text class="font_8 text_16">  {{formatToMoney(loucengshu)}}    元</text>

							</view> -->




							<view class="flex-row justify-between mt-20-5" style="align-items: center;">
								<!-- <text class="font_2 text_17">超公里费</text> -->
								<input type="number"
									style="border: 2rpx solid #666; border-radius: 15rpx; font-size: 26rpx; padding: 2rpx;"
									v-model="datadetail.kilometer_num" placeholder="总里程数(公里)" maxlength="4"
									@input="handleInput" />

								<text class="font_8 text_18">{{formatToMoney(cost)}}元</text>
							</view>



							<view class="flex-row justify-between mt-20-5" v-for="(item,index) in foolepick"
								:key="index">
								<text class="font_2 text_19">楼层费</text>
								<text class="font_8 text_20"> {{formatToMoney(item)}}元</text>
							</view>

						</view>
						<view class="flex-col section_5">
							<view class="flex-row justify-between items-center">
								<view class="flex-col">
									<view class="flex-row items-center">
										<text class="font_3 text_21">大件搬运</text>
										<image class="image_5" src="/static/icon/xright.png" />

										<view class="ml-2 flex-col justify-start text-wrapper_1">
											<text class="font_7 text_14">细致物品保护</text>
										</view>
									</view>
									<text class="font_66 text_22 mt-7">家电物品搬运按照规格不同收取费用</text>
								</view>  
								<view class="flex-row group_8" v-if="datadetail.is_big == 1"
									@click="tabs('is_big','0')">
									<text class="font_3">有</text>
									<image class="ml-8 shrink-0 image_6" src="/static/icon/xz.png" />

								</view>

								<view class="flex-row group_8" v-else @click="tabs('is_big','1')">
									<text class="font_3">无</text>
									<view class="shrink-0 group_11 ml-7-5"></view>
								</view>


							</view>
							<view class="mt-22 flex-col">
								<view class="flex-row justify-between items-center">
									<view class="flex-col items-start relative">
										<text class="font_3 text_23">家具拆装</text>
										<text class="font_66 text_24">家具拆装按照尺寸不同收取费用</text>
										<image class="image_5 pos_4" src="/static/icon/xright.png" />
									</view>

									<view class="flex-row group_9" v-if="datadetail.is_disassembly == 1"
										@click="tabs('is_disassembly','0')">
										<text class="font_3">有</text>
										<image class="ml-8 shrink-0 image_6" src="/static/icon/xz.png" />

									</view>



									<view class="flex-row group_9" v-else @click="tabs('is_disassembly','1')">
										<text class="font_3">无</text>
										<view class="shrink-0 group_11 ml-7-5"></view>
									</view>



								</view>
								<view class="mt-22 flex-row justify-between items-center">
									<view class="flex-col items-start relative">
										<text class="font_3 text_25">平地搬运</text>
										<text class="font_66 text_26">30米内免费，超出部分按照收费标准收取费用</text>
										<image class="image_5 pos_5" src="/static/icon/xright.png" />
									</view>

									<view class="flex-row group_10" v-if="datadetail.is_flat == 1"
										@click="tabs('is_flat','0')">
										<text class="font_3">有</text>
										<image class="ml-8 shrink-0 image_6" src="/static/icon/xz.png" />
									</view>

									<view class="flex-row group_10" v-else @click="tabs('is_flat','1')">
										<text class="font_3">无</text>
										<view class="shrink-0 group_11 ml-7-5"></view>
									</view>


								</view>
							</view>
						</view>
						<view class="flex-col list">
							<view class="flex-col mt-6 section_11 list-item">
								<view class="flex-row justify-between items-center">
									<view class="flex-row items-center">
										<text class="font_4 text_27">额外服务</text>

										<view class="ml-2 flex-col justify-start text-wrapper_1">
											<text class="font_7 text_14">按照实际服务收取</text>
										</view>


									</view>
									<image class="image_5 image_7" src="/static/icon/xright.png" />
								</view>
								<view class="mt-20 flex-row justify-between">
									<text class="font_2 text_29">加人工、多地拆卸费、高速停车费</text>




									<view class="flex-row group_10" v-if="datadetail.is_extra_service == 1"
										@click="tabs('is_extra_service','0')">
										<text class="font_3">有</text>
										<image class="ml-8 shrink-0 image_6" src="/static/icon/xz.png" />
									</view>

									<view class="flex-row group_10" v-else @click="tabs('is_extra_service','1')">
										<text class="font_3">无</text>

										<view class="shrink-0 group_11 ml-7-5"></view>
									</view>




								</view>
							</view>
						</view>
						<view class="flex-col section_6">
							<view class="flex-col">
								<text class="self-start font_4 text_31">{{cente.title}}</text>
							</view>
							<view class="content" v-html="cente.content"></view>
						</view>



						<view class="flex-col section_6">
							<view class="flex-col">
								<text class="self-start font_4 text_31"> 备注 </text>
							</view>
							<view class="content">
								<textarea v-model="remark" class="placeholder" maxlength="250" style="width:95%;"
									placeholder="请描述下您的问题，我们会尽快为您解决～">

				</textarea>

							</view>
						</view>



					</view>
				</view>
			</view>
			<view style="height:200rpx;"> </view>
			<view class="flex-row justify-between items-center section_7" style="z-index: 999;">
				<view class="flex-col items-center">
					<view>
						<text class="font_3 text_34">￥</text>

						<text class="text_32">{{formatToMoney(totalCost)}}</text>

						<text class="font_3 text_33">元起</text>
					</view>
					<text class="font_2 text_36 mt-13">服务结束后支付尾款</text>
				</view>


				<view v-if="zhifutype == 0 " class="flex-col justify-start button"><text class="font_4 text_35"
						@click="unten()"> 确认订单 </text>
				</view>

			<!-- 	<view v-else class="flex-col justify-start button"><text class="font_4 text_35"
						@click="place()">支付{{deposit_amount}}元订金</text>
				</view> -->
			</view>


		</view>
		<view class="section_8"></view>
		<up-popup :show="show" mode="center" @close="close" @open="open" :round="10" :closeable="true">
			<view style="width:500rpx;">

				<view style="height: 50rpx;"> </view>

				<view class="tlset">
					<view class="les">
						预估金额：
					</view>
					<view class="ris">
						{{formatToMoney(totalCost)}} 元
					</view>
				</view>
				<view class="tlset">
					<view class="les">
						定金金额：
					</view>
					<view class="ris">
						{{deposit_amount}} 元
					</view>
				</view>

				<view style="height: 50rpx;"> </view>
				<view class="flex-col justify-start button" style="width: 60%; text-align: center; margin-left: 20%; ">
					<text class="font_4 text_35" @click="place()">支付{{deposit_amount}}元订金</text>
				</view>
				<view style="height:20rpx;"> </view>
			</view>
		</up-popup>

	</view>
</template>

<script>
	import {
		detail,
		UpdateOrderInfo,
		PriceConfig,
		FloorList,
		Aboutlist,
		Payment
	} from '@/utils/user.js'


	export default {
		data() {
			return {
				show:false,
				// 支付状态
				zhifutype: 0,
				items: [null, null],
				orderid: '',
				datadetail: {},

				deposit_amount: 0,

				// 起步价
				Startingpick: 0,
				// 公里费
				totalPrice: 0,
				// 商品
				cost: 0,

				totalse: 0,

				yarray: [],
				loucengshu: 0,
				foolepick: [],
				total: 0,

				datlist: "",

				totalCost: "",
				cente: {},

				remark: "",


			}
		},
		onLoad(e) {

			// var data = JSON.parse(e.data)

			this.orderid = e.id

			// console.log(e, '52585', data.datlist)
			this.query(e.id)

			// this.datlist = data.datlist
			// 起步价
			this.Startingpick = e.pick
			// // 公里费
			// this.totalPrice = data.totalPrice
			// // 商品
			// this.cost = data.cost

			// 计算
			this.jisua()

			// 支付须知
			this.abut()



		},
		methods: {


			close() {
				console.log('关闭')
				this.show = false
			},
			open() {
				console.log('开启')
				this.show = true
			},

			pay() {


				var data = {
					order_id: this.orderid
				}
				Payment(data).then(res => {

					console.log('res：', res);



					this.cente = res.data.data


					if (res.data.data.result == 1) {
						uni.showToast({
							title: '支付成功',
							icon: 'none',
							duration: 2000
						})




						// 延迟两秒后执行操作
						setTimeout(() => {
							uni.navigateBack({
								delta: 1 // 返回的页面数，默认为1，即返回上一页
							});
						}, 2000); // 两秒延迟

					}


				}).catch(error => {
					console.error('Init 方法执行出错：', error);
				});
			},



			abut() {
				var data = {
					type: 13
				}
				Aboutlist(data).then(res => {
					console.log('res：', res);

					this.cente = res.data.data
				}).catch(error => {
					console.error('Init 方法执行出错：', error);
				});
			},



			jisua() {
				// 将 Startingpick 转换为数字
				const startingPickAmount = parseFloat(this.Startingpick) || 0;
				// 计算总费用
				this.totalCost = startingPickAmount + this.cost + this.loucengshu;

				// 计算总费用
				// this.totalCost = this.Startingpick + this.cost;
				//  
				console.log('总费用为:', this.totalCost, '元');

			},
			handleInput(event) {


				if (event) {
					var value = event.detail.value.trim(); // 移除字符串两端的空白字符

				} else {
					var value = this.datadetail.kilometer_num; // 移除字符串两端的空白字符
					if (value) {

					} else {
						return
					}
				}


				const kilometers = parseFloat(value); // 将输入的值转换为数字

				if (value === '') {
					console.log('请输入公里数');
				} else if (isNaN(kilometers) || kilometers <= 0) {
					console.log('请输入有效的大于零的数字');
				} else {
					let cost = 0;
					if (kilometers > 10) {
						cost = (kilometers - 10) * 7; // 超出10公里，每公里7元
					}
					this.cost = cost
					console.log('公里数为:', kilometers);
					console.log('费用为:', cost, '元');
					this.jisua()
				}
			},

			formatToMoney(amount) {
				// 使用 toFixed 方法保留两位小数
				return parseFloat(amount).toFixed(2);


			},

			// 统一 修改选中状态
			tabs(i, e) {

				this.datadetail[i] = e

				console.log('this.datadetail', this.datadetail)
			},

			query(e) {

				var data = {
					order_id: e
				}
				console.log(data)

				detail(data).then(res => {
					console.log(res)
					this.datadetail = res.data.data

					// 计算公里数
					this.handleInput();

				}).catch(error => {
					console.error('detail 方法执行出错：', error);
				});

				// 默认支付价格
				PriceConfig().then(res => {
					console.log(res)

					this.deposit_amount = res.data.data.deposit_amount
				}).catch(error => {
					console.error('PriceConfig 方法执行出错：', error);
				})




				// 楼层
				FloorList().then(res => {
					console.log(res)


					this.yarray = Object.values(res.data.data);
					var arry = []
					this.yarray.forEach(function(obj) {
						arry.push(obj.title);
					});
					this.array = arry
					this.flkoor()

					this.jisua()
				}).catch(error => {
					console.error('FloorList 方法执行出错：', error);
				});



			},
			flkoor() {

				// 确保 datadetail 和 array 已经被赋值
				if (this.datadetail && this.array) {
					// 在这里可以安全地使用 datadetail 和 array
					console.log(this.datadetail);
					console.log(this.array);

					console.log(this.datadetail.out_address.index)


					var foolepick = [];

					// 将 this.array[this.datadetail.out_address.index].initial_price 的值放到 foolepick 中
					var initialPrice = this.yarray[this.datadetail.out_address.index].initial_price;

					foolepick.push(initialPrice);

					// 循环处理 this.datadetail.in_address_json，将每个元素的 this.array[this.datadetail.in_address_json[i].index].initial_price 存到 foolepick 中


					for (var i = 0; i < this.datadetail.in_address.length; i++) {

						var inIndex = this.datadetail.in_address[i].index;
						var inInitialPrice = this.yarray[inIndex].initial_price;
						foolepick.push(inInitialPrice);
					}
					this.foolepick = foolepick
					console.log('this.foolepick55555555', this.foolepick)

					// 计算 foolepick 里的每个数相加
					var total = 0;
					for (var i = 0; i < foolepick.length; i++) {
						total += parseFloat(foolepick[i]);
					}



					this.loucengshu = total
					// 加上 this.Startingpick 和 this.cost

					var totalse = 0
					// 初始价格                 超出 公里费用
					totalse += parseFloat(this.Startingpick) + parseFloat(this.cost);

					// 输出结果
					console.log(total);

					this.totalse = totalse


				} else {
					// 数据尚未准备好，可能需要等待异步请求完成
					console.log('Data not ready yet');
				}

			},

			// 订单更新
			unten() {



				// order_id	string	是	订单编号
				// total_amount	string	是	应支付总金额
				// pay_amount	string	是	定金金额

				// kilometer_amount	float	是	超公里费用
				// floor_amount	float	是	楼层费用
				// is_big	json	是	是否有大件 1 有 0没有
				// big_amount	float	是	大件金额
				// is_disassembly	int	是	是否拆装
				// disassembly_amount	float	是	拆装金额
				// is_flat	int	是	是否平地搬运
				// flat_amount	float	是	平地搬运金额
				// is_extra_service	int	是	是否有额外服务费
				// extra_service_amount	float	是	额外服务费金额
				// remark	float	是	备注
				// kilometer_num 字段   （超公里数）  

				var data = {
					// 订单号
					order_id: this.orderid,
					// 应支付总额
					total_amount: this.totalCost,
					// 定金金额
					pay_amount: this.deposit_amount,
					// 超公里费用
					kilometer_amount: this.formatToMoney(this.cost),
					// 楼层费用
					floor_amount: this.loucengshu,
					// 是否有大件 1 有 0没有
					is_big: this.datadetail.is_big,
					// int	是	是否拆装
					is_disassembly: this.datadetail.is_disassembly,
					// 是	是否平地搬运
					is_flat: this.datadetail.is_flat,
					// 是	是否有额外服务费
					is_extra_service: this.datadetail.is_extra_service,
					// 拆装金额
					disassembly_amount: 0,
					// 大件金额
					big_amount: 0,
					// 平地搬运金额
					flat_amount: 0,
					// 额外服务费金额
					extra_service_amount: 0,
					// 备注
					remark: this.remark,
					kilometer_num: this.datadetail.kilometer_num

				}

				console.log('data', data)




				UpdateOrderInfo(data).then(res => {
					console.log(res)

					if (res.data.data.result == 1) {
						this.zhifutype = res.data.data.result
						this.show = true
						
						uni.showToast({
							title: '订单确定成功',
							icon: 'none',
							duration: 2000
						})

					}



				}).catch(error => {
					console.error('UpdateOrderInfo 方法执行出错：', error);
				});


			},


			place() {



				// 	var total = 0;
				// 	for (var i = 0; i < this.foolepick.length; i++) {
				// 		total += parseFloat(this.foolepick[i]);
				// 	}

				this.pay()



				// if (res.data.data.result) {
				// 	uni.showToast({
				// 		title: '支付成功',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }

			},
		}
	}
</script>

<style>
	.tlset {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 20rpx;
	}

	.lse {
		font-size: 36rpx;
		color: #222222;

	}

	.ris {

		font-size: 30rpx;
		color: #666;

	}

	.placeholder {

		border-radius: 10rpx;
		padding: 15rpx;
		/* background: #f1f1f1; */

		border: 2rpx solid #f1f1f1;
	}

	.content {
		margin-top: 25rpx;
	}

	.mt-22-5 {
		margin-top: 45rpx;
	}

	.ml-15-5 {
		margin-left: 31rpx;
	}

	.ml-16-5 {
		margin-left: 33rpx;
	}

	.mt-20-5 {
		margin-top: 41rpx;
	}

	.mt-7 {
		margin-top: 14rpx;
	}

	.ml-7-5 {
		margin-left: 15rpx;
	}

	.ml-2-5 {
		margin-left: 5rpx;
	}

	.mt-19 {
		margin-top: 38rpx;
	}

	.mt-2-5 {
		margin-top: 5rpx;
	}

	.mt-18-5 {
		margin-top: 37rpx;
	}

	.mt-13 {
		margin-top: 26rpx;
	}

	.page {
		background-color: #f5f5f5;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.group {
		padding-bottom: 12rpx;
	}

	.group_2 {
		padding-bottom: 80rpx;
	}

	.section {
		background-image: linear-gradient(180deg, #2b8eff 64.1%, #2b8eff00 100%);
		height: 555rpx;
	}

	.section_2 {
		padding: 38.86rpx 26.04rpx 37.82rpx 26.04rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.pos_2 {
		position: absolute;
		left: 12rpx;
		right: 12rpx;
		top: 70rpx;
	}

	.font_2 {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 25.96rpx;
		color: #666666;
	}

	.font_3 {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 25.96rpx;
		color: #222222;
	}

	.text_4 {
		line-height: 26.22rpx;
	}

	.text_5 {
		line-height: 25.82rpx;
	}

	.text_6 {
		line-height: 26.4rpx;
	}

	.section_3 {
		padding: 39.44rpx 26.04rpx 36.86rpx 26.04rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.pos_3 {
		/* position: absolute;
		left: 12rpx;
		right: 12rpx;
		top: 258rpx; */
		margin-top: -300rpx;
		width: 96%;
		margin-left: 2%;
	}

	.font_4 {
		font-size: 32rpx;
		font-family: PingFang SC;
		line-height: 29.92rpx;
		color: #222222;
	}

	.group_5 {
		margin-top: 39.48rpx;
	}

	.text_7 {
		line-height: 25.74rpx;
	}

	.font_5 {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 40rpx;
		color: #222222;
		width: 530rpx;
	}

	.text_8 {
		margin-left: 145.96rpx;
	}

	.font_6 {
		font-size: 24rpx;
		font-family: PingFang SC;
		/* line-height: 18.68rpx; */
		color: #666666;
		width: 380rpx;
	}


	.font_66 {
		font-size: 24rpx;
		font-family: PingFang SC;
		line-height: 18.68rpx;
		color: #666666;

	}

	.text_9 {

		line-height: 32rpx;
	}

	.group_6 {
		margin-top: 41.7rpx;
	}

	.text_10 {
		line-height: 25.74rpx;
	}

	.text_11 {
		margin-left: 145.96rpx;
	}

	.text_12 {
		margin-top: 9.62rpx;
	}

	.group_7 {
		padding: 12rpx 12rpx 0;
	}

	.section_4 {
		padding: 39.66rpx 25.98rpx 37.06rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.text_13 {
		line-height: 29.9rpx;
	}

	.text-wrapper_1 {
		/* 	padding-bottom: 4.12rpx;
		border-radius: 4rpx;
		height: 24rpx; */
		padding: 6rpx;
		border-radius: 10rpx;
		font-size: 24rpx;
		border-left: solid 1rpx #ff521c;
		border-right: solid 1rpx #ff521c;
		border-top: solid 1rpx #ff521c;
		border-bottom: solid 1rpx #ff521c;
	}

	.font_7 {
		font-size: 20rpx;
		font-family: PingFang SC;
		line-height: 16.74rpx;
		color: #ff521c;
	}

	.text_1 {
		margin-left: 4.62rpx;
		margin-right: 4.4rpx;
	}

	.text_14 {
		margin-left: 4.86rpx;
		margin-right: 4.14rpx;
	}

	.text_15 {
		line-height: 26.14rpx;
	}

	.font_8 {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 24.58rpx;
		color: #222222;
	}

	.text_16 {
		margin-right: 4.46rpx;
	}

	.text_17 {
		line-height: 25.88rpx;
	}

	.text_18 {
		margin-right: 3.84rpx;
	}

	.text_19 {
		line-height: 25.88rpx;
	}

	.text_20 {
		margin-right: 3.84rpx;
	}

	.section_5 {
		margin-top: 12rpx;
		padding: 38.82rpx 26.02rpx 50.78rpx 26.02rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.text_21 {
		line-height: 26.24rpx;
	}

	.image_5 {
		width: 14rpx;
		height: 14rpx;
	}

	.view {
		margin-left: 9.08rpx;
		padding-bottom: 4.08rpx;
		border-radius: 4rpx;
		height: 24rpx;
		border-left: solid 1rpx #ff521c;
		border-right: solid 1rpx #ff521c;
		border-top: solid 1rpx #ff521c;
		border-bottom: solid 1rpx #ff521c;
	}

	.text_38 {
		margin-left: 4.76rpx;
		margin-right: 4.24rpx;
	}

	.text_22 {
		line-height: 18.6rpx;
	}

	.group_8 {
		margin-right: 6rpx;
	}

	.image_6 {
		border-radius: 4rpx;
		width: 28rpx;
		height: 28rpx;
	}

	.text_23 {
		line-height: 26.14rpx;
	}

	.text_24 {
		margin-top: 14.5rpx;
		line-height: 18.6rpx;
	}

	.pos_4 {
		position: absolute;
		left: 110.46rpx;
		top: 6.08rpx;
	}

	.group_9 {
		margin-right: 6rpx;
	}

	.text_25 {
		line-height: 26.08rpx;
	}

	.text_26 {
		margin-top: 14.48rpx;
		line-height: 19.74rpx;
	}

	.pos_5 {
		position: absolute;
		left: 110.9rpx;
		top: 6rpx;
	}

	.group_10 {
		margin-right: 6rpx;
	}

	.group_11 {
		border-radius: 4rpx;
		width: 28rpx;
		height: 28rpx;
		border-left: solid 1rpx #d9d9d9;
		border-right: solid 1rpx #d9d9d9;
		border-top: solid 1rpx #d9d9d9;
		border-bottom: solid 1rpx #d9d9d9;
	}

	.list {
		padding: 12rpx 0;
	}

	.section_11 {
		padding: 39.54rpx 26.04rpx 38rpx 26.04rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.list-item:first-child {
		margin-top: 0;
	}

	.text_27 {
		line-height: 29.86rpx;
	}

	.text-wrapper {
		padding-bottom: 4.08rpx;
		border-radius: 4rpx;
		height: 24rpx;
		border-left: solid 1rpx #ff521c;
		border-right: solid 1rpx #ff521c;
		border-top: solid 1rpx #ff521c;
		border-bottom: solid 1rpx #ff521c;
	}

	.text_28 {
		margin-left: 4.62rpx;
		margin-right: 4.38rpx;
		line-height: 16.76rpx;
	}

	.image_7 {
		margin-right: 5.96rpx;
	}

	.text_29 {
		line-height: 26.02rpx;
	}

	.group_12 {
		margin-right: 5.96rpx;
	}

	.section_6 {
		padding: 39.46rpx 24.78rpx 33.14rpx 25.96rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.text_31 {
		line-height: 29.98rpx;
	}

	.font_9 {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 34rpx;
		color: #666666;
	}

	.section_7 {
		padding: 38.22rpx 32rpx 26.06rpx 35.58rpx;
		background-color: #ffffff;
		position: fixed;
		width: 100%;

		bottom: 0;
	}

	.text_34 {
		line-height: 19.98rpx;
	}

	.text_32 {
		color: #222222;
		font-size: 56rpx;
		font-family: PingFang SC;
		line-height: 41.54rpx;
	}

	.text_33 {
		line-height: 26.04rpx;
	}

	.text_36 {
		line-height: 26.08rpx;
	}

	.button {
		padding: 30.46rpx 0 29.52rpx;
		background-color: #2b8eff;
		border-radius: 8rpx;
		height: 90rpx;
	}

	.text_35 {
		margin-left: 25.5rpx;
		margin-right: 20.5rpx;
		color: #ffffff;
		line-height: 30.02rpx;
	}

	.section_8 {
		background-color: #ffffff;
		height: 12.16rpx;
	}
</style>